body{
    margin:0;
}
main{
    width: 800px;
    height: 800px;
    border:solid 1px blue;
    margin:0 auto;
    position: relative;

}
.abc{
    width: 180px;
    height: 240px;
   
    background-size: 100% 100%;
    margin-left: 10px;
    margin-top: 10px;
    position: absolute;
}
.cards{
    width: 180px;
    height: 240px;
   
   
  
    position: absolute;
    z-index: 8;
}
img{
    width: 100%;
    height: 100%;
}
.gcards{
    width: 180px;
    height: 240px;
  
    
    background: url(image/00.jpg);
    background-size: 100% 100%;
    position: absolute;
    z-index:9;
}
.Liu{
background: url(image/0.png);
 background-size: 100% 100%;

}
.Guan{
background: url(image/1.png);
 background-size: 100% 100%;
}
.Zhang{
background: url(image/2.png);
 background-size: 100% 100%;
}
.Yun{
background: url(image/3.png);
 background-size: 100% 100%;
}
.Ma{
background: url(image/4.png);
 background-size: 100% 100%;
}
.Huang{
  background: url(image/5.png);
   background-size: 100% 100%;
}